<template>
  <el-image
    :style="{
      width: width + 'px',
      height: height + 'px',
    }"
    :src="src"
    :fit="fit"
  ></el-image>
</template>

<script>
export default {
  name: "EryuImage",
  props: {
    src: {
      type: String,
      default: "",
    },

    fit: {
      type: String,
      default: "cover",
    },

    width: {
      type: Number,
      default: 100,
    },

    height: {
      type: Number,
      default: 100,
    },
  },
  computed: {},
  data() {
    return {};
  },

  created() {},

  methods: {},
};
</script>
<style lang="scss" scoped>
.eryu-bottom {
  height: 56px;
}
.eryu-solt {
  position: fixed;
  z-index: 9;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-height: 56px;

  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.03);
  filter: blur(0px);

  .pl24 {
    padding: 12px 24px;
    text-align: right;
  }
}
</style>